body {
  word-wrap: break-word;
  word-break: break-all;
}
/* flex布局 */
.gd-flex {
  display: flex;
  flex-direction: row;
}

.gd-center {
  display: flex;
  align-items: center;
}

.gd-column {
  display: flex;
  flex-direction: column;
}

.gd-item {
  flex: 1;
  overflow: hidden;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* flex布局 */

/* 溢出省略 */

.omit-one {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.omit-two {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
}

.omit-three {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-all;
}

.omit-four {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  word-break: break-all;
}

.omit-five {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  word-break: break-all;
}

.omit-six {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  word-break: break-all;
}

.omit-seven {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  word-break: break-all;
}

.omit-eight {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
  word-break: break-all;
}

/* 溢出省略 */

/* 文本字体颜色 */

.ui-color-deep-blue {
  color: #344d9d;
}

.ui-color-blue {
  color: #1b8eff;
}

.ui-color-green {
  color: #00b42a;
}
.ui-color-normal {
  color: #333;
}

.ui-color-white {
  color: #fff;
}

.ui-color-cyan {
  color: #6cf5ff;
}

.ui-color-light-green {
  color: #bcffe2;
}

.ui-color-red {
  color: #f53f3f;
}

.ui-color-orange {
  color: #ff6d20;
}

.ui-color-yellow {
  color: #ffe6b5;
}

.ui-color-light-yellow {
  color: #fff7b9;
}

/* 文本字体颜色 */
/* 字体大小 */
.font16 {
  font-size: 16px;
  font-weight: bold;
}

.font18 {
  font-size: 18px;
  font-weight: 400;
}

.font24 {
  font-size: 24px;
  font-weight: bold;
}

.font26 {
  font-size: 26px;
  font-weight: bold;
}

/* 以上字体样式兼容之前使用，之后使用以下命名的字体大小样式 */
.font-size-48 {
  font-size: 48px;
}

.font-size-40 {
  font-size: 40px;
}

.font-size-36 {
  font-size: 36px;
}

.font-size-27 {
  font-size: 27px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-19 {
  font-size: 19px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-14 {
  font-size: 14px;
}

/* 字体大小 */

/* 文本对齐方式 */
.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.vertical-top {
  display: inline-block;
  vertical-align: top;
  /* 把元素的顶端与行中最高元素的顶端对齐 */
}

/* 文本对齐方式 */

/* 隐藏与隐藏 */
.hide {
  display: none;
}

.show {
  display: block;
}

/* 隐藏与隐藏 */

/* 过渡效果持续 5 秒 */
.animate {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition: 0.5s;
  transition-duration: 0.5s;
}

/* 过渡效果持续 5 秒 */

.relative {
  position: relative;
}

/* 设置浮动的元素 的父级标签加class名字clearfix用以清除父级浮动 */
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/* 设置浮动的元素 的父级标签加class名字clearfix用以清除父级浮动 */

/* 外边距 */
.margin-left-16 {
  margin-left: 16px;
}

.margin-right-16 {
  margin-right: 16px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}
.margin-bottom-8 {
  margin-bottom: 8px;
}
.margin-top-16 {
  margin-top: 16px;
}
.margin-top-8 {
  margin-top: 8px;
}
/* 外边距 */

/* 容器大小设置 */
.wh-100 {
  width: 100%;
  height: 100%;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
/* 工具类 */
.pointer {
  cursor: pointer;
}

/* 工具类 */
.inline-block {
  display: inline-block;
}

.subTitle{
  height: 32px;
  font-size: 25px;
  color: #fff;
}
.subTitleImg{
  width: 175px;
  height: 3px;
  margin-top: 9px;
}